<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

    <head>
        <meta charset="UTF-8">
        <title>WZ旅游团</title>
        <!--  LayUI核心css文件 -->
        <link th:href="@{/layui/css/layui.css}" rel="stylesheet"/>
<!--        <link rel="stylesheet" href="../static/layui/css/layui.css">-->
        <!--  LayUI核心js文件（有模块化和整体引入两种，qwq使用模块化引入） -->
        <style>
            .bor>li{border-bottom: solid 1px #F9F871}
        </style>
    </head>
    <body>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header" style="background-color: #009FFF;">
            <div class="layui-logo" style="background-color: #4331FE;color: #F8EBFF">WZ旅游团</div>
            <!-- 头部区域（可配合layui已有的水平导航） -->
            <ul class="layui-nav layui-layout-left bottom" style="background-color: #009FFF ;color: #F8EBFF">
                <li class="layui-nav-item layui-anim-fadein"><a href=""></a></li>
                <li class="layui-nav-item"><a href=""><div id="test"></div></a></li>
                <li class="layui-nav-item"><a href="">敬请期待</a></li>
                <li class="layui-nav-item"><a href="">敬请期待</a></li>
                <li class="layui-nav-item"><a href="">敬请期待</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">其它系统</a>
                    <dl class="layui-nav-child">
                        <dd><a>暂时没</a></dd>
                        <dd><a>暂时没</a></dd>
                    </dl>
                </li>
            </ul>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        用户名字
                    </a>

                    <dl  class="layui-nav-child">
                        <dd><a href="">查看信息</a></dd>
                        <dd><a href="">修改信息</a></dd>
                    </dl>

                </li>
                <li class="layui-nav-item"><a href="">回到首页</a></li>
            </ul>
        </div>

        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll" style="background-color: #006EFF ;color: #F8EBFF">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree bor"  lay-filter="test" style="background-color: #006EFF ; ">
                    <li class="layui-nav-item layui-nav-itemed boedre">
                        <a class="" href="javascript:;" > 轮播图管理</a>
                        <dl class="layui-nav-child">
                            <dd><a th:href="@{/banner/toBannerList}" target="content">轮播图查看</a></dd>
                            <dd><a href="/banner/toBannerList">单独查看全表</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a class="" href="javascript:;" > 分类管理</a>
                        <dl class="layui-nav-child">
                            <dd><a th:href="@{/category/toCategoryList}" target="content">分类查看</a></dd>
                            <dd><a href="">单独查看全表</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">线路管理</a>
                        <dl class="layui-nav-child">
                            <dd><a th:href="@{/route/toRouteList}" target="content">线路查看</a></dd>
                            <dd><a href="">单独查看全表</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">商家管理</a>
                        <dl class="layui-nav-child">
                            <dd><a th:href="@{/shop/toShopList}" target="content">商家查看</a></dd>
                            <dd><a href="">单独查看全表</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a href="">一个彩蛋</a></li>
                </ul>
            </div>
        </div>

        <div class="layui-body">
        <iframe th:src="@{/w.jpg}" width="100%" height="100%" frameborder="0" name="content" scrolling="no"></iframe>
        </div>
        <div class="layui-footer" style="background-color: #271f99;color: #eaebff">
            <!-- 底部固定区域 -->
            © wz || lsl-dzy-yyx-wbn-cwb-gys.com - 只是一个底部固定区域而已
        </div>
    </div>
    <script th:src="@{/layui/layui.js}"></script>
    <script>
        //JS
        layui.use(['element', 'layer', 'util'], function(){
            var element = layui.element
                ,layer = layui.layer
                ,util = layui.util
                ,$ = layui.$;

            //头部事件
            util.event('lay-header-event', {
                //左侧菜单事件
                menuLeft: function(othis){
                    layer.msg('展开左侧菜单的操作', {icon: 0});
                }
                ,menuRight: function(){
                    layer.open({
                        type: 1
                        ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
                        ,area: ['260px', '100%']
                        ,offset: 'rt' //右上角
                        ,anim: 5
                        ,shadeClose: true
                    });
                }
            });

        });
        layui.use('util', function(){
            var util = layui.util;

            //示例
            var endTime = new Date(2022,6,1).getTime() //假设为结束日期
                ,serverTime = new Date().getTime(); //假设为当前服务器时间，这里采用的是本地时间，实际使用一般是取服务端的

            util.countdown(endTime, serverTime, function(date, serverTime, timer){
                var str = date[0] + '天' + date[1] + '时' +  date[2] + '分' + date[3] + '秒';
                layui.$('#test').html('距离毕业还有：'+ str);
            });
        });
    </script>
    </body>

</html>